import React,{useMemo} from 'react';

const set = new Set();
// 页面有2个按钮 当我点击修改数值的时候 也会触发 tips  我希望我点击数值的时候不触发tips函数
export const UseMemoTest:React.FC = ()=>{
    const [count,setCount] = React.useState(0);
    const [flag,setFlag] = React.useState(false);
    // const tips = ()=>{
    //     console.log("tips执行");
    //     return flag?'此时flag为true':'此时flag为false';
    // }
    const momoTips = useMemo(()=>{
        console.log("mometips执行");
        return flag?'此时flag为true':'此时flag为false';
    },[flag]);

    const addFun = ()=>{
        setCount(e=>e+1);
    }
    set.add(addFun);
    console.log(set.size);
    return (
        <>
            <h1>useMemo</h1>
            <h2>数值：{count}</h2>
            <button onClick={addFun}>修改数值</button>
            <button onClick={()=>{
                setFlag(e=>!e);
            }}>修改flag值</button>
            {/* {tips()} */}
            {momoTips}
        </>
    )
}